<!-- 图片上传并展示 -->
<template>
    <div class="upload-img-box">
        <div class="img-box">
            <img src="https://hpx-pc.oss-cn-beijing.aliyuncs.com/registerImgTem/id-card-front.png" alt="">
        </div>
        <div class="upload-btn">
            <UploaderImages>
                <slot></slot>
            </UploaderImages>
        </div>
    </div>
</template>

<script lang="ts">
    import { Vue, Component } from 'vue-property-decorator';
    import UploaderImages from '@component/common/UploaderImages.vue';

    @Component({
        components: {
            UploaderImages
        }
    })
    export default class FormImages extends Vue {

    }
</script>

<style lang="scss" scoped>
    .img-box {
        width: 260px;
        height: 168px;
        border: 1px dashed #ddd;
        display: flex;
        justify-content: center;
        align-items: center;
        /*img {*/
            /*max-width: 238px;*/
            /*max-height: 154px;*/
        /*}*/
    }
    .upload-btn {
        display: flex;
        justify-content: center;
    }
</style>